<template>
	<view class="box">
		<p class="kai" @click="kai_p()">开票记录</p>
		<view class="ke">可开发票总额</view>
		<p class="qian"><span>￥</span>0.00</p>
		<view class="two_box flex">
			<view class="box_one flex" @click="tuan1()">
				<view class="box_zuo">
					<view class="zuo_t flex">
						团油开票
					  <image src="../../static/images/h_08.png" mode=""></image>
					</view>
					<p class="zhi">支持电子发票</p>
				</view>
				<view class="box_you">
					<image src="../../static/images/h_03.png" mode=""></image>
				</view>
			</view>
			<view class="box_one flex"  @click="tuan1()">
				<view class="box_zuo">
					<view class="zuo_t">
						服务费开票
					  <image src="../../static/images/h_08.png" mode=""></image>
					</view>
				</view>
				<view class="box_you">
					<image src="../../static/images/h_05.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="title">
			<p>订单的开票方为“"团油开票”的，可通过【团油开票】入口进入申请开票。</p>
			<p>订单的开票方为“油站开票”的，可向加油站前台索取发票。</p>
			<p>若订单收取了服务费，可通过【服务费开票】入口进入申请开票。</p>
			<p>若订单中使用了购买的优惠券包中的优惠券，该优惠券可以通过【优惠券开票】入口申请开票。</p>
			<p>仅支持线上开具增值税普通发票（电子发票)。</p>
			<p>如在使用中有任何疑问请联系客服，</p>
			<p>了解更多详情请参阅<span class="kai_gui" @click="kai()">开票规则</span>。</p>
			<p class="kefu">客服电话:400-0835-999</p>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			kai:function(){
				uni.navigateTo({
					url:"../me_two/fa_one"
				})
			},
			kai_p:function(){
				uni.navigateTo({
					url:"../me_two/fa_four"
				})
			},
			tuan1:function(){
				uni.navigateTo({
					url:'../me_two/tuankai1'
				})
			}
		}
	}
</script>

<style>
	.flex{display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
	.flex2 {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
	.two_box{width:90%;margin:0 auto;padding:20rpx;}
	.box_one{background-color: #fef5f2;width:45%;padding:20rpx;border-radius:20rpx;height:80px;margin:10rpx;font-size:15px;}
	.zuo_t{line-height:20px;font-size:14px;}
	.zuo_t image{width:15px;height:15px;}
  .zhi{font-size:12px;color:#ccc;padding:20rpx 0;}
	.box_you image{width:50px;height:50px;}
	.kai{text-align: right;padding:10rpx 30rpx;}
	.ke{text-align: center;}
	.qian{text-align: center;font-weight:bold;font-size:30px;}
	.qian span{font-size:15px;}
	.title{width:90%;padding:20rpx;margin:0 auto;color: #ccc;}
	.title p{padding:10rpx 0;}
	.kai_gui{border-bottom: #000 1px solid;color: #000;}
	.kefu{text-align: center;color: #000;font-size:20px;}
</style>